<template>
  <div>
      <router-view></router-view>
      <!-- <input type="text" v-model="name"> -->
      <!-- <Nav class="nav"></Nav> -->
  </div>
</template>

<script>
import Nav from "./parts/Nav.vue"
export default {
    components:{ Nav },
    data() {
      return {
        // name:''
      }
    },
    // beforeCreate() {
    //   console.log('beforeCreate','Layout')
    // },
    // created() {
    //   console.log('created','Layout')
    // },
    // beforeMount() {
    //   console.log('beforeMount','Layout')
    // },
    // mounted() {
    //   console.log('mounted','Layout')
    // },
    // beforeUpdate() {
    //   console.log('beforeUpdate','Layout')
    // },
    // updated() {
    //   console.log('updated','Layout')
    // },
    // beforeDestroy() {
    //   console.log('beforeDestroy','Layout')
    // },
    // destroyed() {
    //   console.log('destroyed','Layout')
    // },
}
</script>

<style lang="less" scoped>
.nav {
  position: fixed;
  bottom: 0;
}
</style>